<template>
  <div class="warehouseCheckEnterDetail">
    <h4>基本信息</h4>
    <table class="table" rules="all" border="1">
      <tr>
        <td>入库单号</td>
        <td>{{detailForm.checkCode}}</td>
        <td>入库仓库</td>
        <td>{{detailForm.checkWarehouse}}</td>
      </tr>
      <tr>
        <td>入库人</td>
        <td>{{detailForm.checkUser}}</td>
        <td>入库时间</td>
        <td>{{detailForm.checkDate}}</td>
      </tr>
      <tr>
        <td>备注</td>
        <td colspan="5"></td>
      </tr>
    </table>
    <h4>入库信息</h4>
    <el-table border>
      <el-table-column align="center" type="index" label="序号" width="55"/>
      <el-table-column label="产品编号" prop=""/>
      <el-table-column label="产品名称" prop=""/>
      <el-table-column label="单位" prop=""/>
      <el-table-column label="入库数量" prop=""/>
      <el-table-column label="供应商" prop=""/>
      <el-table-column label="单价" prop=""/>
      <el-table-column label="总价" prop=""/>
    </el-table>
  </div>
</template>

<script>
    export default {
        name: "warehouseCheckEnterDetail",
      data(){
          return{
            detailForm:'',
          }
      },
      created() {
        this.detailForm = this.$route.query.data
      },
    }
</script>

<style scoped lang="scss">
.warehouseCheckEnterDetail{
  margin-left:20px;
  h4 {
    color: #05A380;
    .el-checkbox{
      padding-left:10px;
      color:#05A380;
    }
    .el-checkbox__input.is-checked .el-checkbox__inner {
      background-color: #05A380;
      border-color: #05A380;
    }
    .el-checkbox__input.is-checked+.el-checkbox__label {
      color: #05A380;
    }
  }
  .table{
    border: 1px solid #cccccc;
    color: #606266;
    font-size: inherit;
    width:900px;
    tr {
      td:nth-child(2n-1) {
        width: 150px;
        text-align: center;
      }
      td:nth-child(2n) {
        width: 300px;
        padding-left: 10px;
      }
      td {
        line-height: 35px;
      }
    }
  }
}
</style>
